<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="hjb2722404"/>
    <link rel="stylesheet" href="../public/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="../public/css/responsive-nav.css"/>
    <link rel="stylesheet" href="../public/css/myResponNav.css"/>
    <link rel="stylesheet" href="../public/css/mxzs.css"/>
    <title>明星装饰</title>
</head>
<body>
    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-md-offset-2" >
                    <div class="row">
                        <div class="logo col-md-3 col-sm-3 "><img src="../public/img/logo.png" alt=""/></div>
                        <div class="search col-md-6 col-sm-6">
                            <form action="" class="" role="search">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="submit">搜索</button>
                                </span>
                                </div>
                            </form>
                        </div>
                        <div class="servicePhone col-md-3 col-sm-3">
                            <div class="phoneIcon">
                                <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                            </div>
                            <div class="phoneNumber">
                                <number>0931-1234567</number><br />
                                <number>1399999999</number>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="navbox">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="nav">
                            <nav class="nav-collapse">
                                <ul>
                                    <li>
                                        <a href="#" class="cur">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">效果图</a>
                                    </li>
                                    <li>
                                        <a href="#">装修攻略</a>
                                    </li>
                                    <li>
                                        <a href="#">设计与报价</a>
                                    </li>
                                    <li>
                                        <a href="#">联系我们</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </header>
    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-4 userMg">
                                    <div class="tabs" id="tabs">
                                        <ul>
                                            <li><a href="javascript:void(0)" class="cur">快速注册</a></li>
                                            <li><a href="javascript:void(0)">登录</a></li>

                                        </ul>
                                    </div>
                                    <div class="tabCons" id="tabCons">
                                        <section style="display: block" class="regForm">
                                            <h6>10秒注册，免费获取3份专业的设计方案</h6>
                                            <form action="../admin/userreg.php" method="post">
                                                <input type="text" name="regName" id="regName" class="form-control" placeholder="用户名"/><span id="unametip" style="color:red; display:none; margin-left: 15px; margin-bottom: 15px;"></span>
                                                <input type="password" name="regPwd" id="regPwd" class="form-control" placeholder="密码"/>
                                                <input type="text" name="regPhone" id="regPhone" class="form-control" placeholder="联系电话"/>
                                                <input type="submit" class="form-control btn btn-warning" id="regbtn" value="提交"/>
                                            </form>
                                            <h6>我们拥有专业的家装设计团队</h6>
                                            <h6>我们追求：价格更低，品质更高</h6>
                                        </section>
                                        <section style="display: none" class="loginForm">
                                            <form action="../admin/userlogin.php" method="post">
                                                <input type="text" name="username" id="loginName" class="form-control" placeholder="用户名"/>
                                                <h6>请输入不少于4个字符的用户名</h6>
                                                <input type="password" name="userpwd" id="loginPwd" class="form-control" placeholder="密码"/>
                                                <h6>请输入不少于6个字符的密码</h6>
                                                <input type="submit" class="form-control btn btn-warning" id="loginbtn" value="提交" style="margin-bottom: 20px;"/>
                                                <a href="" >忘记密码？</a>

                                            </form>
                                        </section>
                                    </div>
                                </div>
                                <div class="col-md-8 banner">
                                    <img src="../public/img/banner.jpg" alt=""/>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="processIndexNav">
                                    <h2>装修流程 <span>业主权益第一，明星始终保障业主装修每一步</span><a href="">三分钟学装修</a></h2>
                                    <div class="col-md-4 nopadding">
                                        <ul>
                                            <li class="">
                                                <a href="">
                                                    <img src="../public/img/icons/01.jpg" alt=""/>
                                                    <h5>收房量房</h5>
                                                </a>
                                            </li>
                                            <li><a href="">
                                                <img src="../public/img/icons/02.jpg" alt=""/>
                                                <h5>前期准备</h5>
                                            </a></li>
                                            <li><a href="">
                                                <img src="../public/img/icons/03.jpg" alt=""/>
                                                <h5>选装修公司</h5>
                                            </a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 nopadding">
                                        <ul>
                                            <li><a href="">
                                                <img src="../public/img/icons/04.jpg" alt=""/>
                                                <h5>设计阶段</h5>
                                            </a></li>
                                            <li><a href="">
                                                <img src="../public/img/icons/05.jpg" alt=""/>
                                                <h5>材料选购</h5>
                                            </a></li>
                                            <li><a href="">
                                                <img src="../public/img/icons/06.jpg" alt=""/>
                                                <h5>施工阶段</h5>
                                            </a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 nopadding">
                                        <ul>


                                            <li><a href="">
                                                <img src="../public/img/icons/07.jpg" alt=""/>
                                                <h5>竣工验收</h5>
                                            </a></li>
                                            <li><a href="">
                                                <img src="../public/img/icons/08.jpg" alt=""/>
                                                <h5>软装配饰</h5>
                                            </a></li>
                                            <li><a href="">
                                                <img src="../public/img/icons/09.jpg" alt=""/>
                                                <h5>装修保障</h5>
                                            </a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="xgtIndexNav">
                                    <h2>装修效果图 <span>已有30166351位业主找到灵感</span></h2>
                                    <div class="xgtIndexNavPic">
                                        <div class="leftPic">
                                            <img src="../public/img/leftpic.jpg" alt="" />
                                        </div>
                                        <div class="midPic">
                                            <div class="midPic01">
                                                <img src="../public/img/midpic01.jpg" alt="" />
                                            </div>
                                            <div class="midPic02">
                                                <img src="../public/img/midpic02.jpg" alt="" />
                                            </div>
                                            <div class="midPic03">
                                                <img src="../public/img/midpic03.jpg" alt="" />
                                            </div>
                                        </div>
                                        <div class="rightPic">
                                            <img src="../public/img/rightpic.jpg" alt="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="areaNav">
                                    <div class="col-md-6 nopadding">
                                        <ul>
                                            <li><a href=""><img src="../public/img/img01.jpg" alt=""/><h6>客厅</h6></a></li>
                                            <li><a href=""><img src="../public/img/img02.jpg" alt=""/><h6>卧室</h6></a></li>
                                            <li><a href=""><img src="../public/img/img03.jpg" alt=""/><h6>餐厅</h6></a></li>
                                            <li><a href=""><img src="../public/img/img04.jpg" alt=""/><h6>厨房</h6></a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-6 nopadding">
                                        <ul>

                                            <li><a href=""><img src="../public/img/img05.jpg" alt=""/><h6>卫生间</h6></a></li>
                                            <li><a href=""><img src="../public/img/img06.jpg" alt=""/><h6>阳台</h6></a></li>
                                            <li><a href=""><img src="../public/img/img07.jpg" alt=""/><h6>背景墙</h6></a></li>
                                            <li><a href=""><img src="../public/img/img08.jpg" alt=""/><h6>吊顶</h6></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container-fluid">
            <div class="row footerUp">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                         <div class="col-md-3 col-sm-3">
                             <img src="../public/img/servicers.jpg" alt=""/>
                         </div>
                        <div class="col-md-2 col-sm-2 contactTit ">
                            <h5>联系我们</h5>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <img src="../public/img/erweima.jpg" alt=""/>
                        </div>
                        <div class="col-md-5 col-sm-4 contactInfo">
                            <h6>电话：0931-1234567&nbsp;&nbsp;&nbsp;&nbsp;13999999999</h6>
                            <h6>邮箱：mszsgc@163.com</h6>
                            <h6>地址：甘肃省兰州市城关区渭源路226号</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row footerBtm">
                <div class="col-md-8 col-md-offset-2">
                    <h6>© 1997-2014 网易公司版权所有 About NetEase|公司简介|联系方法|招聘信息|客户服务|隐私政策|广告服务|网站地图|历史回顾|意见反馈|不良信息举报</h6>
                </div>
            </div>
        </div>
    </footer>
    <div class="fixed-bottom">
        <form action="">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button">搜索</button>
                                </span>
            </div>
        </form>
        <div class="callphone">
            <h4>拨打电话：<a href="tel://13993666666">13993666666</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel://0931-1234567">0931-1234567</a></h4>
        </div>
    </div>
    <script src="../public/js/jquery.js"></script>
    <script src="../public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../public/js/responsive-nav.min.js"></script>
    <script type="text/javascript" src="../public/js/common.js"></script>
    <script type="text/javascript" src="../public/js/index.js"></script>
    <script>
        var navigation = responsiveNav(".nav-collapse");
    </script>
</body>
</html>